<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link
      rel="shortcut icon"
      href="https://vitepress-source.oss-cn-beijing.aliyuncs.com/icon.jpg"
      type="image/x-icon"
    />
  </head>
  <body>
    <div class="btn">
      <div id="on" class="on">😁</div>
      <div id="off" class="off">😢</div>
    </div>
    <div class="container">
      <div class="inner">
        <h1>My Girlfriend</h1>
        <p class="user">Jimmy&xuexue</p>
        <p class="desc">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora,
          explicabo sunt, ducimus rerum cum officiis voluptatibus officia veniam
          voluptatem delectus omnis blanditiis quam qui obcaecati consequuntur
          necessitatibus aut dolorum laboriosam repellendus itaque, distinctio
          non temporibus. Consequuntur, laborum quod quis dolore praesentium,
          reiciendis sunt repellat alias, officia nemo exercitationem itaque
          beatae cumque magni? Mollitia quo repellendus inventore vero delectus,
          illo eum, iure praesentium placeat deserunt dolor! Suscipit iste
          officiis recusandae vero animi amet? Culpa asperiores, soluta iure
          incidunt laudantium unde laboriosam. Fugit nam nesciunt nulla at
          aliquam maxime assumenda accusantium harum cum sed neque libero,
          provident voluptas mollitia voluptatem non iure.
        </p>
        <img src="./img/03.jpg" width="100%" alt="" />
        <p class="desc">
          Lorem, ipsum dolor sit amet consectetur adipisicing elit. Excepturi
          aperiam quibusdam sit esse quam maxime, nemo quasi maiores amet
          aliquid dolores ab sequi quia blanditiis veritatis reiciendis
          repellendus molestiae molestias veniam sed distinctio suscipit. Quis
          eveniet, culpa maxime sunt ipsam ab libero dolor voluptatibus
          perferendis ad minima? Fugiat aperiam libero est ipsam voluptas nobis
          debitis. Dignissimos recusandae doloremque a minus repudiandae
          veritatis accusamus maxime, modi error! Pariatur repellat adipisci
          illum velit, quae nostrum iusto excepturi debitis, voluptas architecto
          maxime.
        </p>

        <img src="./img/homie2.jpg" width="100%" alt="" />
      </div>
    </div>
    <div class="navs">
      <div>😍 HOME</div>
      <div>💕 ABOUT</div>
      <div>🙌 CONTACT</div>
    </div>
    <script src="./js/index.js"></script>
  </body>
</html>
